<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>作业</title>
		<style type="text/css">
		*{
			margin:3px;
		}
		a{
			text-decoration: none;color: #259c9d;
		}
		.a{
			color: #c90210;
		}
		div>span{
			
			display: inline-block;	
			margin-left: 4px;
			vertical-align: text-top;	    	
		}
		p{
			width: 250px;
			margin-top: 8px;
			font-size: 12px;
		}
		div>span>h4>span{
			/*border: 2px solid skyblue;*/
			color: #c90210;
			font-size:12px ;
			font-weight: 400;
		}
			
		img{ 	
			vertical-align: text-top;
	    }
		.box{
			/*border: 2px solid black;*/
			width:390px;
			height: 111px;
		}
		h4{
			width: 280px;
			height: 25px;
			/*border: 2px solid green;*/
		}
		#span1{
			margin-left:105px ;
		}
		#span2{
			margin-left:80px ;
		}
		#span3{
			margin-left:125px ;
		}
		</style>
	</head>
	<body>
		<div class="box">
			<img src="img/1.jpg" />
			<span>
				<h4>环太平洋<span id="span1">468人评论过</span></h4>
				<p><a href="#">#环太平洋##环太平洋#</a>对影建筑物倒塌、核弹攻击城市、外星人入侵..<a href="#" class="a">[详细]</a></p>
				<p><img src="img/4.jpg" />欧美电影</p>
			</span>
			
		</div>
		
		<div class="box">
			<img src="img/2.jpg" />
			<span >
				<h4>速度与激情6<span id="span2">783人评论过</span></h4>
				<p>【杰森·斯坦森确定加盟<a href="#">#速J#</a>】斯坦森饰演第六部大反派欧文·肖..<a href="#" class="a">[详细]</a></p>
				<p><img src="img/4.jpg"/>热映推荐</p>
			</span>
		</div>
		
		<div class="box">
			<img src="img/3.jpg" />
			<span>
				<h4>青春派<span id="span3">97人评论过</span></h4>
				<p>《青春派》预告片"零差评"其逆增长<a href="#" class="a">[详细]</a></p>
				<p><img src="img/4.jpg"/>电影预告</p>
			</span>
		</div>
		
	</body>
</html>
